#ability_analysis{
  position: absolute;
  right: 3%;
  top: 90px;
  background-size: 100% 100%;
  width: 400px;
  //height: 355px;
  z-index: 2000;
  background: url("../../../image/timeline2.png") no-repeat 0 0 rgba(0, 0, 0, 0.76);
  padding-bottom: 20px;
  >.ability_tlt{
    color: #fff;
    font-size: 16px;
    cursor: move;
    padding: 0 10px 10px;
    .ability_title{
      //background: url(../../../image/timelineTitle.png) no-repeat center center;
      height: 28px;
      width: 78px;
      line-height: 28px;
      text-align: center;
      display: inline-block;
    }
    .close:after{
      top: 6px;
      left: unset;
    }
  }
  >div{
    width: 94%;
    //height: 220px;
    margin: 10px auto;
    //padding: 20px;
    >div{
      border: 1px solid #fff;
      height: 86%;
      float: left;
      color: #fff;
      >p{
        color: #bdb714;
        position: relative;
        top: -12px;
        left: 10px;
        background: #000;
        display: inline-block;
      }

    }
    .character{
      margin-left: 3px;
      width: 30%;
      box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
      >ul{
        //margin-top: 10px;
        >li{
          line-height: 40px;
          text-align: center;
          &:hover{
            color: #4bb6da!important;
            cursor: pointer!important;
          }
        }
      }
    }
    .character_item{
      width: 60%;
      float: right;
      box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
      >ul{
        //margin-top: 25px;
        >li{
          line-height: 40px;
          //margin-left: 20px;
          text-align: center;
          >input{
            width: 16px;height: 16px;position: relative;top:3px
          }
          label:hover{
            color: #4bb6da!important;
            cursor: pointer!important;
          }
        }
      }
      .classify{
        li{
          color: #fff;
        }
      }
    }
  }
  .predict_pane{
    //position: absolute;
    //right: -392px;
    //top: 60px;
    //padding: 20px 10px 10px;
    //background: rgba(0,0,0,0.8);
    width: 99%;
    margin: 15px auto;
    border: 1px solid #fff;;
    >li{
      line-height: 30px;
      color: #fff;
      >div{
        display: inline-block;
        line-height: 30px;
        text-align: center;
        &:nth-child(1){
          width: 100px;
          margin-right: 20px;
          position: relative;
          top: -13px;
        }
        &:nth-child(2){
          width: 120px;
          margin-right: 20px;
        }
        &:nth-child(3){
          width: 100px;
          position: relative;
          top: -13px;
        }
      }
    }
  }
}
.close:after{
  //content: url("../../../image/close.png");
  position: relative;
  float: right;
  left: -15px;
  cursor: pointer;
}
